@import '~element-cisdi/packages/theme-chalk/src/patch/common/vars.css';
$primary-color: #40586F;
$success-color: #51cf66;
$warning-color: #fcc419;
$danger-color: #ff6b6b;
$info-color: #868e96; // #22b8cf;

$body-bg: #E9EEF3; // #f5f5f9;

$sidebar-bg: #F8F9FB;
$navbar-bg: #F8F9FB;

$font-family: "Helvetica Neue", Helvetica, sans-serif, Arial, "PingFang SC", "Microsoft YaHei", "微软雅黑",
SimHei, SimSun;

$font-size12: 12px;
$font-size14: 14px;
$font-size16: 16px;
$font-size20: 20px;
$font-size24: 24px;

$color-blue1: #145DD7;
$color-blue2: rgba(42,129,255,0.04);
$color-blue3: rgba(116,113,247,0.1);
$color-blue4: #ecf4fd;

$color-gray1: #f3f3f3;
$color-gray2: #d9d9d9;
$color-gray3: rgba(34,34,34,0.75);
$color-gray4: rgba(34,34,34,0.4);
$color-gray5: #e6e6e6;
$color-gray6: rgba(34,34,34,0.55);
$color-gray7: #A1A1A1;
$color-gray8: #F3F4F6;

$color-green1: rgba(35,173,96,0.1);
$color-green2: #23AD60;
$color-green3: #eaf5f0;
$color-green4: #52C41A;

$color-red1: #FF3333;
$color-red2: rgba(255,51,51,0.1);

$color-yellow1: #FFB165;
$color-yellow2: rgba(255,177,101,0.1);

$color-white0: #ffffff;

$color-222: #222222;
$color-666: #666666;

$background-default: #FAFAFA;
$background2: #F0F7FF;
$background3: #F7FAFF;
